import React from 'react';
import AxCard from '@/components/AxBase/AxCard';
import AxTable from '@/components/AxList/AxTable';
import { axconst } from '@/shared/axconst';

/** 收费项目经费 */
const Material: React.FC<any> = props => {

  const columns = [
    {
      title: '物质名称',
      dataIndex: 'material',
      width: axconst.width.material,
    },
    {
      title: '物资编码',
      dataIndex: 'materialCode',
      width: axconst.width.materialCode,
    },
    {
      title: '当前量',
      dataIndex: 'useCount',
      width: axconst.width.fouronly,
    },
    {
      title: '额定容量',
      dataIndex: 'backAmount',
      width: axconst.width.fouronly,
    },
    {
      title: '保质期',
      dataIndex: 'period',
      width: axconst.width.times,
    },
  ];

  return (
    <AxCard size="small" headStyle={{ padding: 2 }} bodyStyle={{ padding: 2 }}>
      <AxTable
        rowKey={(record: any) => record.payOrderDetailId}
        showTopSlider={false}
        selectOnClick={false}
        data={{...axconst.data}}
        columns={columns}
        showPagination={null}
      // scrollY={document.body.clientHeight - oursideHeight - 64 * 3 - 42 - 26 - 38 - 17}
      />
    </AxCard>
  );
};

export default Material;
